<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable-no,maximum-scale=1.0,minimum-scale=1.0,viewport-fit=cover">
    <title>白鹭时代</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="./log.ico" type="image/x-icon">
</head>

<body>
    <!-- 头部 -->
    <header class="header ">
        <div class="container">
            <div class="row">
                <div class="logo col-md-4">

                    <h1 class="align-middle">
                        <a href="#" title="">白鹭科技
                            <img class="d-none d-md-block " src="images/logo.png" alt="">
                        </a>

                    </h1>
                </div>

                <nav class="nav   d-md-block  col-md-8">

                    <ul class="nav justify-content-center">
                        <li class="nav-item">
                            <a class="nav-link active " href="#">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">产品</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">开发者中心</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">案例</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">社区</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">关于我们</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <!-- 轮播图banner -->
    <div class="banner container-fluid">

        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators btn">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>

            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="upload/banner.png" class="w-100 d-md-block d-none" alt="...">
                    <img src="upload/h5-1.png" class="w-100 d-md-none d-block " alt="">

                </div>
                <div class="carousel-item">
                    <img src="upload/banner2.jpg" class=" w-100 d-md-block d-none" alt="...">
                    <img src="upload/h5-2.png" class="w-100 d-md-none d-block" alt="">
                </div>
                <div class="carousel-item ">
                    <img src="upload/banne3.png" class=" w-100 d-md-block  d-none" alt="...">
                    <img src="upload/h5-3.png" class="w-100 d-md-none d-block" alt="">
                </div>

            </div>

        </div>



    </div>
    <!-- 另一个导航栏 -->
    <div class="nav-bat d-md-block d-none container-fluid">
        <div class="nav-list clearfix">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/icon1.png" alt="">
                        <span>白鹭科技优先</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon2.png" alt="">
                        <span>引擎企业服务</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon3.png" alt="">
                        <span>游戏案例精选</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/icon4.png" alt="">
                        <span>引擎视频教程</span>
                    </a>
                </li>
            </ul>
        </div>

    </div>
    <!-- 白鹭引擎 -->
    <div class="container search">
        <div class="search-hb clearfix">
            <span class=" d-inline-block float-left"> <img  src="images/icon5.png" alt=""></span>
            <span class="d-inline-block float-left">白鹭引擎</span>
        </div>
        <div class="search-content">
            <h3>效率至上的完整开发工作流</h3>
            <p>2D/3D双核心渲染，开发工具链闭环整合，全流程开发，由此开始</p>

            <div id="carouselExampleControls" class="carousel slide search-lunbo" data-ride="carousel">

                <div class="carousel-inner search-lunbo-div">
                    <div class="carousel-item item active">
                        <img src="upload/img1.png" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item item">
                        <img src="upload/img2.png" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item item">
                        <img src="upload/img3.png" class="d-block w-100" alt="...">
                    </div>
                </div>
                <a class="carousel-control-prev control-prev d-none d-md-block" href="#carouselExampleControls" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon prev-icon-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next control-next d-none d-md-block" href="#carouselExampleControls" role="button" data-slide="next">
                    <span class="carousel-control-next-icon prev-icon-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>






        <!-- 对接的大平台 -->
        <div class="link text-center">
            <p>一站对接大平台</p>
            <div class="link-list d-flex justify-content-between pb-2">
                <a href="" class="d-none d-md-block">
                    <img src="images/icon8.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon9.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon10.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon11.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon12.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon13.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon14.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon15.png" alt="">
                </a>
                <a href="">
                    <img src="images/icon16 .png" alt="">
                </a>
                <a href="">
                    <img src="images/icon17.png" alt="">
                </a>
                <a href="" class="d-none d-md-block">
                    <img src="images/icon18.png" alt="">
                </a>
            </div>
        </div>

        <!-- 案例推荐 -->
        <div class="main-title ">
            <div class="main-title-bd d-flex justify-content-between">
                <h3>
                    <span><img src="images/icon5.png" alt=""></span>
                    <span>案例推荐</span>
                </h3>
                <a href="#" class="border border-primary rounded-pill align-middle text-primary text-center d-none d-md-block">查看更多</a>
            </div>
            <div class="main-title-content w-100%  clearfix">
                <ul>
                    <li>
                        <a href="#">
                            <img src="upload/img5.png" alt="" class="d-md-block d-none">
                            <img src="upload/tit-1.png" alt="" srcset="" class="d-md-none">
                            <h5 class=" text-dark d-md-block d-none">全民狙神</h5>
                            <p class="text-secondary d-md-block  d-none">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="upload/img6.jpg" alt="" class="d-md-block d-none">
                            <img src="upload/tit-2.jpg" alt="" srcset="" class="d-md-none">
                            <h5 class=" text-dark d-md-block  d-none">全民狙神</h5>
                            <p class="text-secondary d-md-block  d-none">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="upload/img7.png" alt="" class="d-md-block d-none">
                            <img src="upload/tit-3.png" alt="" srcset="" class="d-md-none">
                            <p class="text-secondary d-md-block  d-none">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</p>
                        </a>
                    </li>
                    <li class="d-md-block d-none ">
                        <a href="#">
                            <img src="upload/img8.jpg" alt="">
                            <h5 class=" text-dark">全民狙神</h5>
                            <p class="text-secondary">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</p>
                        </a>
                    </li>
                    <li class="d-md-block d-none ">
                        <a href="#">
                            <img src="upload/img9.png" alt="">
                            <h5 class=" text-dark">全民狙神</h5>
                            <p class="text-secondary">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</p>
                        </a>
                    </li>
                    <li class="d-md-block d-none">
                        <a href="#">
                            <img src="upload/img10.png" alt="">
                            <h5 class=" text-dark">全民狙神</h5>
                            <p class="text-secondary">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</p>
                        </a>
                    </li>

                </ul>
                <a class="more-duo d-md-none" href="#">查看更多</a>
            </div>
        </div>

        <div class="new">
            <div class="main-title-bd d-flex justify-content-between">
                <h3>
                    <span> <img src="images/icon5.png" alt=""></span>
                    <span>新闻动态</span>
                </h3>
                <a href="#" class="border border-primary rounded-pill align-middle text-primary text-center d-none d-md-block">查看更多</a>
            </div>
            <div class="new-content">
                <ul class="d-flex justify-content-between">
                    <li>
                        <a href="">
                            <img src="upload/img11.png" alt="">
                            <p class="text-body ">Egret5.3.7发布 改善现有项目的开发体验</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="upload/img12.png" alt="">
                            <p class="text-body">Egret5.3.7发布 改善现有项目的开发体验</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="upload/img13.png" alt="">
                            <p class="text-body">Egret5.3.7发布 改善现有项目的开发体验</p>
                        </a>
                    </li>
                </ul>
                <a class="more-duo d-md-none" href="#">查看更多</a>
            </div>
        </div>
        <!-- 技术博客 -->
        <div class="cont container-fluid d-flex justify-content-between">
            <div class="boke w-50%">
                <div class="main-title-bd d-flex justify-content-between">
                    <h3>
                        <span><img src="images/icon5.png" alt=""></span>
                        <span>技术博客</span>
                    </h3>
                    <a href="#" class="border border-primary rounded-pill align-middle text-primary text-center d-none d-md-block">查看更多</a>
                </div>

                <!-- 手机端看到的内容 -->
                <div class="iphone-cont pb-4 position-relative d-md-none">
                    <ul>
                        <li>
                            <img src="upload/ip-1.jpg" alt="">
                            <h3>白鹭引擎旗下工具全面支持最新mac系统</h3>
                            <p class="date-text">2019年10月8日，苹果对外推送 macOS Catalina 10.15 正是哈哈哈视口</p>
                            <p class="fabu-text"><a href="#">详情</a> <span>发布于 2019年10月12日</span></p>
                        </li>
                        <li>
                            <img src="upload/ip-2.jpg" alt="">
                            <h3>白鹭引擎旗下工具全面支持最新mac系统</h3>
                            <p class="date-text">2019年10月8日，苹果对外推送 macOS Catalina 10.15 正是哈哈哈视口</p>
                            <p class="fabu-text"><a href="#">详情</a> <span>发布于 2019年10月12日</span></p>
                        </li>
                        <li>
                            <img src="upload/ip-3.jpg" alt="">
                            <h3>白鹭引擎旗下工具全面支持最新mac系统</h3>
                            <p class="date-text">2019年10月8日，苹果对外推送 macOS Catalina 10.15 正是哈哈哈视口</p>
                            <p class="fabu-text"><a href="#">详情</a> <span>发布于 2019年10月12日</span></p>
                        </li>
                    </ul>

                    <a class="more-duo d-md-none" href="#">查看更多</a>
                </div>

                <!-- 电脑端才可以看到的内容 -->
                <div class="boke-conent clearfix  d-none d-md-block">
                    <div class="left float-left">
                        <img src="upload/img11.jpg" alt="">
                    </div>
                    <div class="right float-right overflow-hidden">
                        <h6 class="text-body">白鹭引擎旗下工具全面支持最新mac系统</h6>
                        <p class="text-black-50">2019年10月8日，苹果对外推送 macOS Catalina 10.15 正式版。该版本不再支持 32 位应用，只能</p>
                        <a href="#" class="align-middle text-center text-white badge-pill">详情</a>
                    </div>
                </div>
                <div class="pull d-flex">
                    <span class="line-l"></span>
                    <span class="pull-y text-center text-muted"> &lt;</span>
                    <span class=" text-muted">2019年19月22</span>
                    <span class="pull-y text-center text-muted">&gt;</span>
                    <span class="line-r"></span>
                </div>
            </div>
            <!-- 热门社区 -->
            <div class="hot w-50% overflow-hidden d-none d-md-block">
                <div class="main-title-bd d-flex justify-content-between">
                    <h3>
                        <span> <img src="images/icon5.png" alt=""></span>
                        <span>热门社区</span>
                    </h3>
                    <a href="#" class="border border-primary rounded-pill align-middle text-primary text-center">查看更多</a>
                </div>
                <div class="hot-box">
                    <ul>
                        <li>
                            <a href="#" class="d-flex justify-content-between">
                                <span>矩形区域的碰撞检测                            </span>
                                <span class="mr-1">5631</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="d-flex justify-content-between">
                                <span>微信小游戏中第三方库报错解决合集
                                </span>
                                <span class="mr-1">3456</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="d-flex justify-content-between">
                                <span>新手教程2】EUI卡牌游戏的制作全过程 </span>
                                <span class="mr-1">3456</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="d-flex justify-content-between">
                                <span>微信小游戏中第三方库报错解决合集</span>
                                <span class="mr-1">3456</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="d-flex justify-content-between">
                                <span>Egret精品案例系列教程</span>
                                <span class="mr-1">3456</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="partner container-fluid">
        <div class="partner-cont">
            <div class="main-title-bd">
                <h3>
                    <span><img src="images/icon5.png" alt=""></span>
                    <span>合作伙伴</span>
                </h3>
            </div>
            <div class="partner-bd clearfix">
                <a href="#" class="">
                    <img src="upload/img21.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img22.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img23.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img24.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img25.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img26.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img27.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img28.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img29.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img30.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img31.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img32.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img33.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img34.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img35.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img36.png" alt="">
                </a>
                </a>
                <a href="#" class="">
                    <img src="upload/img37.png" alt="">
                </a>
                <a href="#" class="">
                    <img src="upload/img38.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!--脚部分 -->
    <footer class="footer container-fluid">
        <div class="footer-cont d-flex">
            <div class="foot-cont-left col-12 col-md-8 d-flex">
                <a href="#">关于我们</a>
                <a href="#">产品下载</a>
                <a href="#">技术支持</a>
                <a href="#">加入我们</a>
            </div>
            <div class="foot-cont-right col-12 col-md-4">
                <p class="d-none d-md-block">
                    技术支持：support@egret.com
                </p>
                <p class="d-none d-md-block">官方技术客服微信号：egretengine </p>
                <p class="d-md-none">联系电话：010-5722734</p>
                <p>市场合作：marketing@egret.com </p>
                <p>商务合作：bd@egret.com</p>
            </div>
        </div>

    </footer>
    <div class="bootom-info d-none d-md-block">
        <p>
            Copyright © 2014-2020 egret.com 京网文[2014]0791-191号 京ICP备14025619号-2 京ICP证150115号 京公网安备11010502027089</p>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>